<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/common.jsp"%>
<html>
<head>
<link href="${pageContext.request.contextPath}/resource/css/def/bootstrap/css/bootstrap-upf.css"rel="stylesheet">
<link href="${prcs}/css/def/bootstrap/ace/ace-part2.min.css"rel="stylesheet">
<link href="${prcs}/css/def/bootstrap/ace/ace.css" rel="stylesheet">
<link href="${prcs}/css/def/frm/common/common.css" rel="stylesheet">
<title>列表展示人员</title>
</head>
<body>
	<script type="text/javascript">
	function yourOrgFun(orgId, orgName, orgCode) {
	  alert("orgId=" + orgId + ",orgName=" + orgName + ",orgCode=" + orgCode);
	}
	function yourStaffFun(orgId, orgName, staffId,staffName, staffOrgId) {
	  alert("orgId=" + orgId + ",orgName=" + orgName + ",staffId=" + staffId + ",staffOrgId=" + staffOrgId+",staffName="+staffName);
	}
	
	</script>
	<!--*******************乙方组织列表查询*******************-->
	<div style="text-align: center;font-weight:bold;font-size:20px;">列表查询demo页</div>
	<div>
		<div style="font-weight:bold;font-size:16px;">乙方组织列表查询:根据disId查询相关乙方组织,并将查询出的组织,通过datatables在模态框中进行列表展示</div>
		<div>1.导入所需文件</div>
		<div>
			<pre>&lt;script type="text/javascript" src="staffList.js"&gt;&lt;/script&gt;</pre>
		</div>
		<div>2.在页面中建立模态框</div>
		<div>
			<pre>
&lt;div class="modal fade" id="NoPermissionModal"&gt;
	&lt;div class="modal-dialog"&gt;
		&lt;div class="modal-content"&gt;
			&lt;div class="modal-header"&gt;
				&lt;button type="button" class="close" data-dismiss="modal"&gt;×&lt;/button&gt;
				&lt;h4 class="modal-title" id="NoPermissionModalLabel"&gt;乙方组织列表&lt;/h4&gt;
			&lt;/div&gt;
		&lt;div class="modal-body"&gt;
		&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;</pre>
		</div>
		<div>3.在modal-body中引入iframe</div>
		<div>
			<pre>
&lt;div class="modal-body"&gt;
   	&lt;iframe id="NoPermissioniframe" width="100%" height="50%" frameborder="0"&gt;&lt;/iframe&gt;
&lt;/div&gt;</pre>
			<br>
			将iframe的src属性设为<code>"/sysOrgController/toPartnerOrgList"+"?disId="+disId+"&yourFun="+yourFun</code>
			<br>参数：disId：建设单位ID(必传)yourFun：回调函数(必传)
			<br>其中src路径使用绝对路径，参数的传递顺序不可改变
		</div>
		<div>4.在弹出的模态框中会有组织名称一个查询条件,可进行模糊查询</div>
		<div>5.在列表的操作列中进行选择操作，返回给回调函数yourFun三个参数orgId,orgName,orgCode</div>
	</div>
	<div class="row">
		<div class="col-md-3">
		<span>展示示例：disId='3701',yourFun='yourOrgFun'</span>
			<button type="button" id="searchEforgHome" class="btn btn-info"
				onclick="EforgSearch('3701','yourOrgFun');">
				<i class="ace-icon glyphicon glyphicon-search"></i>乙方组织查询
			</button>
		</div>
	</div>

	<!-- onclick="window.history.go(-1); "-->
	<div class="modal fade" id="NoPermissionModal">
		<div class="modal-dialog" style="width:700px;height:720px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">×</button>
					<h4 class="modal-title" id="NoPermissionModalLabel">乙方组织列表</h4>
				</div>
				<div class="modal-body">
					<iframe id="NoPermissioniframe" width="100%" height="50%"
						frameborder="0"></iframe>
				</div>
			</div>
		</div>
	</div>
<div><label>**************************乙方组织列表查询结束************************************************************** </label></div>
	
	<!--*********************************乙方组织列表查询结束*******************************************-->
	<!--*******************乙方人员列表查询*******************-->
		<div>
		<div style="font-weight:bold;font-size:16px;">甲方或者乙方人员列表查询:根据disId查询相关甲方或者乙方人员,并将查询出的人员,通过datatables在模态框中进行列表展示</div>
		<div>1.导入所需文件</div>
		<div>
			<pre>&lt;script type="text/javascript" src="staffList.js"&gt;&lt;/script&gt;</pre>
		</div>
		<div>2.在页面中建立模态框</div>
		<div>
			<pre>
&lt;div class="modal fade" id="PandJstaffModal"&gt;
	&lt;div class="modal-dialog"&gt;
		&lt;div class="modal-content"&gt;
			&lt;div class="modal-header"&gt;
				&lt;button type="button" class="close" data-dismiss="modal"&gt;×&lt;/button&gt;
				&lt;h4 class="modal-title" id="NoPermissionModalLabel"&gt;人员列表&lt;/h4&gt;
			&lt;/div&gt;
			&lt;div class="modal-body"&gt;
		    &lt;/div&gt;
	 	&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;</pre>
		</div>
		<div>3.在modal-body中引入iframe</div>
		<div>
			<pre>
&lt;div class="modal-body"&gt;
   	&lt;iframe id="NoPermissioniframe" width="100%" height="50%" frameborder="0"&gt;&lt;/iframe&gt;
&lt;/div&gt;</pre>
			<br>
			将iframe的src属性设为<code>"/sysOrgController/toPandJstaffList"+"?staffKind="+staffKind+"&yourFun="+yourFun+"&disId="+disId+"&orgCode="+orgCode+"&roleId="+roleId</code>
			<br>参数:
			<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;staffKind:'1'甲方人员'2'乙方人员(必传)
			<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;funName:所需参数的回调函数,由调用人提供(必传)
			<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;orgCode:组织编码,staffKind=1时需要提供此参数,此时disId需要传'999'
			<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;disId:建设单位Id,staffKind=2时需要提供此参数,此时orgCode需要传'999'
			<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;roleId:角色id,通过角色过滤数据,此参数可传可不传
			<br>其中src路径使用绝对路径,参数的传递顺序不可改变
		</div>
		<div>4.在弹出的模态框中会有人员姓名,组织名称两个查询条件,可进行模糊查询</div>
		<div>5.在列表的操作列中进行选择操作,返回给回调函数yourFun五个参数orgId,orgName,staffId,staffOrgId,staffName</div>
	</div>
	<div class="row">
		<div class="col-md-3">
			<span>展示示例1：staffKind='1',yourFun='yourStaffFun',disId='999',orgCode='0037'</span>
			<button type="button" id="searchEfstaffHome" class="btn btn-info"
				onclick="jandyStaffSearch('1','yourStaffFun','999','0037');">
				<i class="ace-icon glyphicon glyphicon-search"></i>甲方人员查询
			</button>
		</div>
	</div>
	<div class="row">
		<div class="col-md-3">
			<span>展示示例2：staffKind='1',yourFun='yourStaffFun',disId='3701',orgCode='999'</span>
			<button type="button" id="searchEfstaffHome" class="btn btn-info"
				onclick="jandyStaffSearch('1','yourStaffFun','3701','999');">
				<i class="ace-icon glyphicon glyphicon-search"></i>乙方人员查询
			</button>
		</div>
	</div>
	<div class="row">
		<div class="col-md-3">
			<span>展示示例3：staffKind='1',yourFun='yourStaffFun',disId='999',orgCode='0037',roleId='10040'</span>
			<button type="button" id="searchEfstaffHome" class="btn btn-info"
				onclick="jandyStaffSearch('1','yourStaffFun','999','0037','10040');">
				<i class="ace-icon glyphicon glyphicon-search"></i>甲方带角色控制的人员查询
			</button>
		</div>
	</div>
	<div class="row">
		<div class="col-md-3">
			<span>展示示例4：staffKind='1',yourFun='yourStaffFun',disId='3701',orgCode='999',roleId='10040'</span>
			<button type="button" id="searchEfstaffHome" class="btn btn-info"
				onclick="jandyStaffSearch('1','yourStaffFun','3701','999','10040');">
				<i class="ace-icon glyphicon glyphicon-search"></i>乙方带角色控制的人员查询
			</button>
		</div>
	</div>

	<div class="modal fade" id="PandJstaffModal">
		<div class="modal-dialog" style="width:900px;height:720px;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">×</button>
					<h4 class="modal-title" id="NoPermissionModalLabel">人员列表</h4>
				</div>
				<div class="modal-body">
					<iframe id="PandJstaffiframe" width="100%" height="50%"
						frameborder="0"></iframe>
				</div>
			</div>
		</div>
		</div>
			<!--*********************************乙方人员列表查询结束*******************************************-->

</body>
<script type="text/javascript"
	src="${pageContext.request.contextPath }/resource/js/frm/sys/staffList.js"></script>
</html>